
    var materialFases = new Ext.ux.form.FileUploadField({
        width: 500
    });
    var materialActividades = new Ext.ux.form.FileUploadField({
        width: 400
    });
    var materialArtefactos = new Ext.ux.form.FileUploadField({
        width: 400
    });
 
    var formMetodologia = new Ext.FormPanel({
        labelAlign: 'top',
        title: 'Registar Metodologia',
        bodyStyle:'padding:5px',
        width: 600,
	height:800,
        items: [{
            layout:'column',
            border:false,
            items:[{
                columnWidth:.5,
                layout: 'form',
                border:false,
                items: [{
                    xtype: 'combo',
                    name: 'metodologia_combo',
                    fieldLabel: 'Metodologia',
                    mode: 'local',
                    store: metodologia,
                    id:'metodologia_combo',
                    valueField:'met_nombre',
                    displayField:'met_nombre',
                    width: 270
	              }]
            }]
	  }
      ,{
            xtype:'tabpanel',
            plain:true,
            activeTab: 0,
            height:550,
			activeTab: 0,  
            defaults:{bodyStyle:'padding:10px'},
                items:[{
                title:'Fases',
                layout:'form',
                id: 'tabFases',
                defaults: {width: 230},
                defaultType: 'textfield',
                items: [{
                fieldLabel: 'Nombre Fase',
                name: 'fas_nombrefase',
                id:'fas_nombrefase',
                //allowBlank:false
                },     materialFases                   
                ,{
                xtype:'htmleditor',
                id:'fas_descripcion',
                fieldLabel:'Descripcion de la Fase',
                height:200,
                name:'fas_descripcion',
                anchor:'98%'
                }]
                },{
                title:'Actividades',
                layout:'form',
                id: 'tabActividad',
                defaults: {width: 230},
                defaultType: 'textfield',
                items: [{
                fieldLabel: 'Nombre Actividad',
                name: 'act_nombreactividad',
                id:'act_nombreactividad',
                // allowBlank:false
                },{
                xtype: 'combo',
                name: 'fase_combo',
                id:'act_fase_combo',
                fieldLabel: 'Fase',
                mode: 'local',
                store: fase,
                valueField:'fas_idfase',
                displayField:'fas_nombrefase',
                width: 230
                },  
                materialActividades                   
                ,{
                xtype:'htmleditor',
                id:'descActividad',
                name:'act_descripcion',
                fieldLabel:'Descripcion de Actividad',
                height:200,
                anchor:'98%'
                }],
                tbar: [{
                text: 'Aplicar',
                iconCls: 'silk-add',
                //handler: onAdd
                }]
                },{
                title:'Artefactos',
                layout:'form',
                id: 'tabArtefactos',
                defaults: {width: 230},
                defaultType: 'textfield',
                items: [{
                fieldLabel: 'Nombre Artefacto',
                name: 'art_nombreartefacto',
                id:'art_nombreartefacto',
                //allowBlank:false
                }, {
                xtype: 'combo',
                name: 'actividad_combo',
                id:'art_act_combo',
                fieldLabel: 'Actividad',
                mode: 'local',
                store: actividad,
                valueField:'act_idactividad',
                displayField:'act_nombreactividad',
                width: 230
                },   materialArtefactos                  
                ,{
                xtype:'htmleditor',
                id:'descArtefactos',
                name:'art_descripcion',
                fieldLabel:'Descripcion de Artefactos',
                height:200,
                anchor:'98%'
                }],
                tbar: [{
                text: 'Aplicar',
                iconCls: 'silk-add',
                //handler: onAdd
                }]
            }],
        buttons: [{
            text: 'Agregar',
            handler: function()
		  {
		  var metodologia= Ext.getCmp('metodologia_combo').getValue();
		  var fase= Ext.getCmp('fas_nombrefase').getValue();
		  var descFase= Ext.getCmp('fas_descripcion').getValue();
		  var actividad= Ext.getCmp('act_nombreactividad').getValue();
		  var actfase= Ext.getCmp('act_fase_combo').getValue();
		  var desAct= Ext.getCmp('descActividad').getValue();
		  var artefacto= Ext.getCmp('art_nombreartefacto').getValue();
		  var artActividad= Ext.getCmp('art_act_combo').getValue();
		  var descArtefacto= Ext.getCmp('descArtefactos').getValue();
		  //Ext.getCmp('tabFases').getForm().submit({
alert(actfase) ;
			  formMetodologia.getForm().submit({
			url: '../controlador/inicio.php',
			method: 'POST',
			mBind: true,

			params: {accion:'registrarMetodologia',
					nom_metodologia:metodologia,
					nom_fase:fase,
					desc_Fase:descFase,
					nom_actividad:actividad,
					act_fase:actfase,
					des_Actividad:desAct,
					nom_artefacto:artefacto,
					art_Actividad:artActividad,
					desc_Artefacto:descArtefacto
					},                                                                             
			success: function(a,b){
			responseData = Ext.util.JSON.decode(b.response.responseText);
			console.log(responseData);
			alert(responseData.msg) ;
			if(responseData.msg==false)
			{
			Ext.Msg.alert('Error','Verfique que los datos sean correctos');  
			}
			else
			{
			Ext.Msg.alert('Confirmacion.....','          Registro Exitoso    ');  
			}
		},
		failure: function(f,a){
			alert('failure');
			Ext.Msg.alert('Error','Error al realizar el Registro       ');  
					  }
		});
					  /*
alert("456c");
console.log(formMetodologia.getForm(),'formMetodologia.getForm()');
if (formMetodologia.getForm().isValid()) {
	alert("123c");
}else{alert("789c");}
console.log(Ext.getCmp('tabFases'),'Ext.getCmp(tabFases)');
console.log(Ext.getCmp('tabFases').isValid(),'Ext.getCmp(tabFases).getForm()');
console.log(Ext.getCmp('tabFases').getForm().isValid(),'Ext.getCmp(tabFases).getForm().isValid()');

if (Ext.getCmp('tabFases').getForm().isValid()) {
	alert("123f");
}else{alert("789f");}
*/
                  }				  
        },{
            text: 'Cancelar',
            handler: function()
{formMetodologia.getForm().reset();
        }}]
        }]

    });
